<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>

    <script>

        // 变量的作用域

        //   在函数外面声明的变量 --- 全局变量
        //       var声明的变量在页面出现时出生，在页面结束时结束
        //   在函数内部声明的变量 --- 局部变量
        //        函数内部的变量在函数调用的那一刻起算作出生，在函数执行结束的时候，变量就消亡，因此在函数外无法访问函数内部的这个变量

        //     全局作用域   --- 全局变量
        //         在函数里面或者函数外面都可以访问

        //     局部作用域   --- 局部变量
        //         只能在函数中访问，不能在函数外面访问

        var b = 1 ;

        function fn() {
            console.log(b) ;   // 1
            var a = 3 ;
        }

        fn() ;

        // console.log(a) ;    // error



        function rand() {
            var n = parseInt(Math.random() * 100) ;
            return n ;
        }

        // rand() ;
        // console.log(n) ;   // error

        var res = rand() ;
        console.log(res) ;

    </script>


    <script>
        console.log(b) ;
    </script>
    
</body>
</html>